<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
	
	<h:head>
	
		<style type="text/css" media="screen">
@import
"#{facesContext.externalContext.request.contextPath}/templates/CSS/style.css"
</style>
	
	<h:outputScript library="js" name="jquery.js" target="head" />
	<h:outputScript library="js" name="cycle.js" target="head" />
	<h:outputScript library="js" name="script.js" target="head" />
	
		<link rel="stylesheet" href="CSS/style.css"/> 
		<title>||La apuesta|| <ui:insert name="Titulo"/>  </title>
		<script type="text/javascript" src="js/jquery.js"></script>
		<!-- include Cycle plugin -->
		<script type="text/javascript" src="js/cycle.js"></script>
		<script type="text/javascript" src="js/script.js"></script>
		
	</h:head>
	<link rel="shortcut icon" type="image/x-icon" href="#{request.contextPath}/templates/images/favicon.ico"/>
 
	<h:body>
	
		<div class="Body" >
			<div class="Banner">
				<div id="Loterias">
				
				 <ul class="slideshow" >
					<li > <p:graphicImage  styleClass="imgLoteria" value="/templates/images/Loteria.png" /></li>
					<li> <p:graphicImage  styleClass="imgLoteria" value="/templates/images/LQuindio.png" /></li>
					<li > <p:graphicImage  styleClass="imgLoteria" value="/templates/images/lMedellin.png" /></li>
					<li> <p:graphicImage  styleClass="imgLoteria" value="/templates/images/LBogota.png" /></li>
				</ul>
					
				</div>
				<div id="Logo"> 
				<h:graphicImage styleClass="img"  value="/templates/images/IconoLA.png" /> 
				</div>
				<div id="TextoBanner" >
				<h:graphicImage value="/templates/images/Banner.png" />	
				</div>
				<ul id="Navi">
						<li id="Menu" class="Menu"> 
						<a  href="javascript:ActivarMenu()"> Menu </a>  </li>
						<ui:insert name="Menu"/>
						
					</ul>
			</div>
			
			
			
			<div class="BarraDer"> 
				
				<ul class="slideshowBar" >
					<li class="Ganadores" > 
						<ul class="ListaGanadores">
							<li class="Titulo"> Sur: </li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
						</ul>
					</li>
					<li class="Ganadores" > 
						<ul class="ListaGanadores">
							<li class="Titulo"> Norte: </li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
						</ul>
					</li>
						<li class="Ganadores" > 
						<ul class="ListaGanadores">
							<li class="Titulo"> Occidente: </li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
						</ul>
					</li>
						<li class="Ganadores" > 
						<ul class="ListaGanadores">
							<li class="Titulo"> Oriente: </li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
							<li class="Loteria">Loteria:</li>
							<li>Numero-serie</li>
						</ul>
					</li>
				</ul>
			
			
			</div>
				
					
				
				<div class="Contenido">
				<ui:insert name="Contenido" />	
				</div>
			
			<DIV class="PieDePagina" >
				<UL class="slideshow">
					<li>
					<div class="PieDePaginaX">
						<ul>
						<li> ||Design by ||Hector Bedoya Ortegon ||</li>
						<li><a href="http://www.facebook.com/HBO.SOFT"> <h:graphicImage styleClass="imgPie" value="/templates/images/facebook.png" /></a></li>
						</ul>
					</div>
					</li>
					<li>
					<div class="PieDePaginaX">
						<ul>
						<li>||Design by ||Felipe Zuares Bedoya ||</li>
						<li><a href="http://www.facebook.com/HBO.SOFT"> <h:graphicImage styleClass="imgPie" value="/templates/images/facebook.png" /></a></li>
						</ul>
					</div>
					</li>
				</UL>
			</DIV>
			
			
		
			
		</div>
	</h:body>
</html>